<!DOCTYPE HTML>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!-->
<html lang="en">
<!--<![endif]-->

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href='http://fonts.googleapis.com/css?family=Oswald:400,700,300|Bitter:400,700,400italic' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="javascript/jquery-latest.js"></script>
<script type="text/javascript" src="javascript/red-sky-options.js"></script>
<!-- Mobile Specific Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS -->
<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/responsive.css" rel="stylesheet" type="text/css">
<!-- START SETTINGS BOX -->
<script type="text/javascript" src="settingsbox/farbtastic/farbtastic.js"></script>
<script type="text/javascript" src="settingsbox/settingsbox.js"></script>
<link href="settingsbox/settingsbox.css" rel="stylesheet" type="text/css">
<link href="settingsbox/farbtastic/farbtastic.css" rel="stylesheet" type="text/css">
<!-- END SETTINGS BOX -->

<title>iCOOK</title>
</head>

<body>
<!-- START SETTINGS BOX -->
<div class="customPanel customPanelClosed">
  <div class="customPanelOptions">
    <h1>Settings Box</h1>
    Background<br />
    <div style="clear:both;"></div>
    <div class="customPanelOptionsDefault">Default</div>
    <div style="clear:both;"></div>
    <div style="height: 10px"></div>
    Colors:<br />
    <div style="clear:both;"></div>
    <div class="customPanelOptionsColor bodycolor01"></div>
    <div class="customPanelOptionsColor bodycolor02"></div>
    <div class="customPanelOptionsColor bodycolor03"></div>
    <div class="customPanelOptionsColor bodycolor04"></div>
    <div class="customPanelOptionsColor bodycolor06"></div>
    <div class="customPanelOptionsColor bodycolor07"></div>
    <div class="customPanelOptionsColor bodycolor08"></div>
    <div class="customPanelOptionsColor bodycolor09"></div>
    <div class="customPanelOptionsColor bodycolor10"></div>
    <div class="customPanelOptionsPickerButton customPanelOptionsPickerButtonBackground"></div>
    <div style="clear:both;"></div>
    Textures:<br />
    <div style="clear:both;"></div>
    <div class="customPanelOptionsTexture bodytexture01 bodytexturePreview"></div>
    <div class="customPanelOptionsTexture bodytexture02 bodytexturePreview"></div>
    <div class="customPanelOptionsTexture bodytexture03 bodytexturePreview"></div>
    <div class="customPanelOptionsTexture bodytexture04 bodytexturePreview"></div>
    <div class="customPanelOptionsTexture bodytexture05 bodytexturePreview"></div>
    <div class="customPanelOptionsTexture bodytexture06 bodytexturePreview"></div>
    <div class="customPanelOptionsTexture bodytexture07 bodytexturePreview"></div>
    <div class="customPanelOptionsTexture bodytexture08 bodytexturePreview"></div>
    <div class="customPanelOptionsTexture bodytexture09 bodytexturePreview"></div>
    <div class="customPanelOptionsTexture bodytexture10 bodytexturePreview"></div>
    <div style="clear:both;"></div>
  </div>
  <div class="customPanelOptionsPicker customPanelOptionsPickerBackground"></div>
  <div class="customPanelOptionsPicker customPanelOptionsPickerSite"></div>
  <div class="customPanelButton"></div>
</div>
<!-- END SETTINGS BOX --> <!-- START CONTENT -->
<div id="box">
	<div class="container">
<!-- START HEADER -->
<div class="columns one">
	<div id="header">
    	<div id="logo"><a href="index-2.html">iCOOK</a></div>
        
        <ul class="menu">
        	<li><a href="index-2.html">Home</a></li>
            <li><a class="active" href="recipes.html">Recipe Gallery</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="contact.html">Contact</a></li>
        </ul>
         <div class="navigation">
      <form action="http://wp.red-sky.pl/">
        <select class="navigationmicro" name="myDestination" onChange="this.form.window_name.value++; ob=this.form.myDestination; window.open(ob.options[ob.selectedIndex].value,'Window_Name'+this.form.window_name.value,'toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1,width=400,height=300')">
        <option value="#">- Recipe Gallery -</option>
          <option value="index-2.html">Home</option>
          <option value="recipes.html">Recipe Gallery</option>
          <option value="about.html">About</option>
          <option value="contact.html">Contact</option>
        </select>
        <input name="window_name" style="display:none;" type="hidden" value="1">
      </form>
      <div class="clear"></div>
    </div>
    	<div class="clear"></div>
    </div>
</div>
<!-- END HEADER -->

<!-- START HINTS -->
<div class="hint columns one">
	Your recipe is at a click away. Choose your favorite recipe and cooking with
iCOOK. Enjoy flavors with iCOOK.
</div>
<!-- END HINTS -->

<!-- START FILTER -->
<div class="one columns filter">
<h2>Recipes</h2>
    <div class="filtersContainer">
        <ul class="filters">
            <li class="filtersActive">All</li>
            <li>pasta</li>
            <li>meat</li>
            <li>dessert</li>
            <li>drinks</li>
            <li>vegetables</li>
        </ul>
    </div>
    <span class="filterMessage">Showing:</span>
    <div class="clear"></div>
</div>
<!-- END FILTER -->

<!-- START CONTENT -->
<div class="recipes">
    <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/barbecue_with_vegetables.jpg" alt="salad" /></a></div>
        <h2><a href="single_post.html">barbecue with vegetables</a></h2>
    </div>
    <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/barbecue_with_vegetables_and_shrimps.jpg" alt="salad" /></a></div>
        <h2><a href="single_post.html">barbecue with vegetables and shrimps</a></h2>
    </div>
    <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/carpaccio_with_nuts.jpg" alt="salad" /></a></div>
        <h2><a href="single_post.html">carpaccio with nuts</a></h2>
    </div>
    <div class="columns four" data-categories="drinks">
        <div class="image"><a href="single_post.html"><img src="images/cook/cold_and_fresh_lemonade.jpg" alt="cake" /></a></div>
        <h2><a href="single_post.html">cold and fresh lemonade</a></h2>
    </div>
    
    <div class="columns four" data-categories="dessert">
        <div class="image"><a href="single_post.html"><img src="images/cook/cookies_with_strawberry.jpg" alt="noodles" /></a></div>
        <h2><a href="single_post.html">cookies with strawberry</a></h2>
    </div>
    <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/delicious_nurnberg_sausages.jpg" alt="noodles" /></a></div>
        <h2><a href="single_post.html">delicious nurnberg sausages</a></h2>
    </div>
    <div class="columns four" data-categories="dessert">
        <div class="image"><a href="single_post.html"><img src="images/cook/flavoured_icecream.jpg" alt="noodles" /></a></div>
        <h2><a href="single_post.html">flavoured icecream</a></h2>
    </div>
    <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/grilled_pork_ribs.jpg" alt="cake" /></a></div>
        <h2><a href="single_post.html">grilled pork ribs</a></h2>
    </div>
    
    <div class="columns four" data-categories="vegetables">
        <div class="image"><a href="single_post.html"><img src="images/cook/grilled_potatoes_with_dill.jpg" alt="cake" /></a></div>
        <h2><a href="single_post.html">grilled potatoes with dill</a></h2>
    </div>
    <div class="columns four" data-categories="vegetables">
        <div class="image"><a href="single_post.html"><img src="images/cook/grilled_potatoes_with_vegetables.jpg" alt="noodles" /></a></div>
        <h2><a href="single_post.html">grilled potatoes with vegetables</a></h2>
    </div>
    <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/meshana_scara.jpg" alt="noodles" /></a></div>
        <h2><a href="single_post.html">meshana scara</a></h2>
    </div>
    <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/noodles_with_pork_and_shrimps.jpg" alt="noodles" /></a></div>
        <h2><a href="single_post.html">noodles with pork and shrimps</a></h2>
    </div>
    
    <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/panettone_with_meat.jpg" alt="cake" /></a></div>
        <h2><a href="single_post.html">panettone with meat</a></h2>
    </div>
    <div class="columns four" data-categories="pasta">
        <div class="image"><a href="single_post.html"><img src="images/cook/pasta_with_mozarella.jpg" alt="cake" /></a></div>
        <h2><a href="single_post.html">pasta with mozarella</a></h2>
    </div>
    <div class="columns four" data-categories="pasta">
        <div class="image"><a href="single_post.html"><img src="images/cook/porchetta_carbonara.jpg" alt="salad" /></a></div>
        <h2><a href="single_post.html">porchetta carbonara</a></h2>
    </div>
    <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/spare_ribs_with_potatoes.jpg" alt="salad" /></a></div>
        <h2><a href="single_post.html">spare ribs with potatoes</a></h2>
    </div>
    
        <div class="columns four" data-categories="meat">
        <div class="image"><a href="single_post.html"><img src="images/cook/stake_rokka.jpg" alt="cake" /></a></div>
        <h2><a href="single_post.html">stake rokka</a></h2>
    </div>
    <div class="columns four" data-categories="dessert">
        <div class="image"><a href="single_post.html"><img src="images/cook/strawberry_jam.jpg" alt="cake" /></a></div>
        <h2><a href="single_post.html">strawberry jam</a></h2>
    </div>
    <div class="columns four" data-categories="dessert">
        <div class="image"><a href="single_post.html"><img src="images/cook/strawberry_with_cream.jpg" alt="salad" /></a></div>
        <h2><a href="single_post.html">strawberry with cream</a></h2>
    </div>
    <div class="columns four" data-categories="drinks">
        <div class="image"><a href="single_post.html"><img src="images/cook/tea_with_chocolate.jpg" alt="salad" /></a></div>
        <h2><a href="single_post.html">tea with chocolate</a></h2>
    </div>
</div>
<!-- END CONTENT -->

<!-- START PAGINATION -->
<div class="pagination columns one">
	<a href="#">&laquo; PREV PAGE</a> <span><a href="#">NEXT PAGE &raquo;</a></span>
</div>
<!-- END PAGINATION -->
<div class="clear"></div>

<!-- START FOOTER -->
<div id="footer">
<p>&copy; Copyright &copy; 2013.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
<p><a href="about.html">About</a> - <a href="recipes.html">Recipe Gallery</a> - <a href="contact.html">Contact</a></p>
</div>
<!-- END FOOTER -->

	</div>
</div>
<!-- END CONTENT -->
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>